<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程表</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="https://ae01.alicdn.com/kf/U65ab46d2dce144d4b32e2bf7126a6d6dL.jpg">
</head>
<body>
    <div id="container">
        <div id="header">
            <p>我的课程表</p>
        </div>
        <div id="day">
            <ul style="list-style-type: none;">
                <li><div class="xq">日</div></li>
                <li><div class="xq">一</div></li>
                <li><div class="xq">二</div></li>
                <li><div class="xq">三</div></li>
                <li><div class="xq">四</div></li>
                <li><div class="xq">五</div></li>
                <li><div class="xq">六</div></li>
                <li><div class="sc" style="width: 21px;height: 32px;background-color: rgb(208,208,160);"></div></li>
            </ul>
        </div>
        <div id="no">
            <div style="height: 30px;width: 40px;">
            </div>
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
            </ul>
        </div>
        
        <div id="main">
            <div class="c1">
                <ul>
                    <div class="c10"><li style="background-color: rgb(204,204,204);border: 0;width: 76px;height: 86px;"></li></div>
                    <div><li style="background-color: rgb(111, 161, 224);">高等数学<br>L1301</li></div>         
                    <div class="c7"><li style="background-color: rgb(204,204,204);border: 0;width: 76px;height: 86px;"></li></div>
                    <div class="c8"><li style="background-color: rgb(241,141, 126);">大学英语<br>W3209</li></div>
                    <div class="c9"><li style="background-color: rgb(238,194, 145);">C语言程序设计<br>J3503</li></div>
                </ul>
            </div>
            <div class="c2">
                <ul>
                    <div><li style="background-color: rgb(177, 91, 126);">交互设计原理<br>J3511</li></div>
                    <div class="c7"><li style="background-color: rgb(78,194, 203);">马克思主义基本原理概论<br>W3612</li></div>
                    <div class="c8"><li style="background-color: rgb(241,141, 126);">大学语文<br>W1409</li></div>
                </ul>
            </div>
            <div class="c3">
                <ul>
                    <div><li style="background-color: rgb(157,143, 203);">大学物理实验<br>L3511</li></div>
                    <div class="c7"><li style="background-color: rgb(111, 161, 224);">高等数学<br>L1301</li></div>
                    <div class="c8"><li style="background-color: rgb(177, 91, 126);">经济与投资<br>G2521</li></div>
                    <div class="c9"><li style="background-color: rgb(238,194, 145);">体育<br>欣苑操场</li></div>
                </ul>
            </div>
            <div class="c4">
                <ul>
                    <div><li style="background-color: rgb(238,194, 145);">C语言程序设计<br>J3513</li></div>
                    <div class="c7"><li style="background-color: rgb(204,204,204);border: 0;width: 76px;height: 86px;"></li></div>
                    <div class="c8"><li style="background-color: rgb(241,141, 126);">大学英语<br>W2309</li></div>
                    <div  class="c9"><li style="background-color: rgb(78,194, 203);">马克思主义基本原理概论<br>W1612</li></div>
                </ul>
            </div>
            <div class="c5"> 
                <ul>
                    <div><li style="background-color: rgb(111, 161, 224);">高等数学<br>L1301</li></div>
                    <div class="c7"><li style="background-color: rgb(177, 91, 126);">经济与投资<br>G2521</li></div>
                    <div class="c8"><li style="background-color: rgb(157,143, 203);">管理学概论<br>G3521</li></div>
                </ul>
            </div>
            <div class="c6">
                <ul>
                    <div><li style="background-color: rgb(250,128, 157);">红酒品鉴与欣赏<br>S3301</li></div>
                    <div class="c7"><li style="background-color: rgb(250,128, 157);">养生与健康<br>G3521</li></div>
                </ul>
            </div>
        </div>
        <div class="time">
            <script style="margin-top: 10px;margin-right: 20px;">
                var weekDayLabels = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
                var now = new Date();
                var year=now.getFullYear();
                var month=now.getMonth()+1;
                var day=now.getDate();
                var currentime = '<span class="special">'+year+'年'+month+'月'+day+'日                '+weekDayLabels[now.getDay()]+'</span><br>'
                document.write(currentime)
            </script>
        </div>
    </div>
</body>
</html>